/* 仅对首页生效（通过body类名限制） */
.custom-index-page {
  /* 首页基础样式隔离 */
}

/* 开屏动效容器（高优先级避免被覆盖） */
.custom-index-page .custom-splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: #0d1117 !important; /* 与 core 深色主题协调 */
  z-index: 1050 !important; /* 高于 core 主题的导航栏（z-index: 1000） */
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  transition: opacity 1s ease-out;
}

/* 开屏内容容器 */
.custom-index-page .custom-splash-content {
  text-align: center;
  padding: 20px;
}

/* 动态标题 */
.custom-index-page .custom-dynamic-title {
  font-size: 3rem;
  color: #ffffff !important;
  margin: 0;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}


/* 动态副标题 */
.custom-index-page .custom-dynamic-subtitle {
  font-size: 1.5rem;
  color: #e2b13c !important;
  margin-top: 20px;
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out 0.3s, transform 0.8s ease-out 0.3s;
}

/* 开屏结束后隐藏 */
.custom-index-page .custom-splash-screen.fade-out {
  opacity: 0;
  pointer-events: none; /* 释放点击事件 */
}

/* 首页主内容容器 */
.custom-index-page .custom-home-main {
  opacity: 0;
  transition: opacity 1s ease-in 0.5s;
}

/* 开屏后显示主内容 */
.custom-index-page .custom-home-main.show {
  opacity: 1;
}

/* 移动端适配 */
@media (max-width: 768px) {
  .custom-index-page .custom-dynamic-title {
    font-size: 2.5rem;
  }
  .custom-index-page .custom-dynamic-subtitle {
    font-size: 1.2rem;
  }
}